﻿<div id="vitalEinAus" class="Window">
    <div class="vital-einaus-leftcolumn">
        <div class="vital-2sliders-inDiv">
            <h4 data-bind="text: Application.Resources.Views.New_measure.Einfuhr">Einfuhr</h4>
            <input class="sliderInput" type="number" data-bind="integerValue: NewErfassung.Einfuhr" tabindex="1" />
            <input type="range" id="Einfuhr" name="Einfuhr" min="10" max="2400" step="5" class="range-input-vertical" data-bind="value: NewErfassung.Einfuhr" />
        </div>
        <div class="vital-2sliders-inDiv">
            <h4 data-bind="text: Application.Resources.Views.New_measure.Ausfuhr">Ausfuhr</h4>
            <input class="sliderInput" type="number" data-bind="integerValue: NewErfassung.Ausfuhr" tabindex="2" />
            <input type="range" id="Ausfuhr" name="Ausfuhr" min="10" max="2400" step="5" class="range-input-vertical" data-bind="value: NewErfassung.Ausfuhr" />
        </div>
        <div class="vital-footer">
            <button id="window-btnOk" class="orangeButton fa fa-check fa-2x" data-bind="click: saveClick"></button>
            <button id="window-btnCancel" class="orangeButton fa fa-times fa-2x" data-bind="click: closeClick"></button>
        </div>
    </div>
    <div class="vital-einaus-rightcolumn">
        <div class="half-List overflow-IndicatorContener">
            <h4 data-bind="text: Application.Resources.Views.New_measure.Art_der_einfuhr">Art der Einfuhr</h4>
            <div class="overflowIndicator fa fa-sign-out fa-2x fa-rotate-90"></div>
            <div class="vital-radioList scroll-y">
                <ul id="liquids-einfuhrlist" data-bind="foreach: EinfuhrArts">
                    <li class="smallRadios" data-bind="testOverflow:true">
                        <input type="radio" name="EinfuhrArtsID" data-bind="attr: { value: Id, id: Id }, checked: $root.NewErfassung.EinfuhrArtID, enable: $root.NewErfassung.Einfuhr" data-role="none" />
                        <label data-bind="attr: { for: Id }, text: Text"></label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="half-List overflow-IndicatorContener">
            <h4 data-bind="text: Application.Resources.Views.New_measure.Ausfuhr">Ausfuhrflüssigkeit</h4>
            <div class="overflowIndicator fa fa-sign-out fa-2x fa-rotate-90"></div>
            <div class="vital-radioList scroll-y">
                <ul id="liquids-ausfuhrlist" data-bind="foreach: AusfuhrArts">
                    <li class="smallRadios" data-bind="testOverflow: true">
                        <input type="radio" name="AusfuhrArtsID" data-bind="attr: { value: Id, id: Id }, checked: $root.NewErfassung.AusfuhrArtID, enable: $root.NewErfassung.Ausfuhr" data-role="none" />
                        <label data-bind="attr: { for: Id }, text: Text"></label>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
